﻿<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="utf-8">  
    {% block hms_title %}
    <title>HMS Home</title>
    {% endblock %}
    
    <!-- Le styles -->
    <link type="text/css" href="{{STATIC_URL}}css/BenevolentDictator.css" rel="stylesheet" />
    <link type="text/css" href="{{STATIC_URL}}css/BlueprintScreen.css" rel="stylesheet" />
    <link type="text/css" href="{{STATIC_URL}}css/BlueprintIE.css" rel="stylesheet" />
    
    <script type="text/javascript" src="{{STATIC_URL}}js/jquery-1.8.0.min.js"></script>
    
</head>

<body>
    <div class="container" id="BodyContainer">
        <div  class="span-24 last" id="HeaderContainer">
            <div id="Header">
                {{ hms_header.value }}
                
                <div id="HeaderUserMenu">
                    Logged in as: Joaco<br>
                </div>
            </div>
        </div> <!-- #HeaderContainer -->
        
        <div class="span-24 last" id="MenuContainer">
            <div id="MainMenu">
                <ul id="MainMenuList">
                    <li><a href="{% url index %}" class="MenuTab" id="HomeMenuItem">Home</a></li>
                    <li><a href="{% url category_details %}" class="MenuTab" id="CategMenuItem">{{ lo_categories }}</a></li>
                    <li><a href="{% url club_details %}" class="MenuTab" id="ClubsMenuItem">{{ lo_clubs }}</a></li>
                    <li><a href="{% url players_details %}" class="MenuTab" id="PlayersMenuItem">{{ lo_players }}</a></li>
                    <li><a href="{% url referees_details %}" class="MenuTab" id="RefeMenuItem">{{ lo_referees }}</a></li>
                </ul>
            </div> <!-- #MainMenu -->
        </div> <!-- #MenuContainer -->

        <div class="span-24 last" id="MainContentContainer">
            <div id="MainContent">
                {% block content %}{% endblock %}
            </div> <!-- #Maincontent -->
            
            <div class="span-24 last" id="PageFooterContainer">
                    <div id="Footer">
                        <div class="span-24 last" id="CopyrightStatement">
                            &copy 2012 Joaquin Orbe. Very Few Rights Reserved.
                        </div>
                    </div>
            </div> <!-- #PageFootContainer -->
            
        </div> <!-- #MainContentContainer -->
        
    </div> <!-- #BodyContainer -->
    {%block extra_js %}
    {% endblock %}
    
</body>
</html>
